@charset "utf-8";


.expand {
    cursor: pointer;
    text-decoration: underline;
}



#logo_en {
    float:right;
    /*width:162px;*/
    height:81px;
    /*background-image: url(images/logo_en.png);*/
    background-position: right top;

}

#logo_sr {
    float:right;
    /*width:162px;*/
    height:81px;
    /*background-image: url(images/logo_sr.png);*/
    background-position: right top;

}


/*
colors
dark blue = #548dd4
new dark blue = #6589AB
lite blue = #c6d9f0


*/

.header
{
    position: fixed;
    top: 0px;
    left: 0px;
    width:100%;
    background:#FFFFFF;
    clear:both;
}


.menu {
    background-color: #6589AB;
    float: left;
    vertical-align:bottom;
    height: 31px;
    width: 100%;
}


.menu a {
    height: 26px;
    font-size: 18px;
    color: #FFFFFF;
    float: left;
    text-decoration:none;
    display: block;
    padding-top: 2px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0px;
    background-color: #6589AB;
}

.menu a:hover {
    color: #6589AB;
    background-color: #c6d9f0;
    display: block;
}
/*a:hover {
	background-color: #be0f05;
	display: block;
}*/

.content{
    padding-top:115px;
    clear:both;
}

h1 {
    font-size: 24px;
    color:#6589AB;
    background-image: url(images/h1_background.png);
    background-repeat:no-repeat;
    text-align: left;
    /*	text-indent: 30px;*/
    height: 31px;
    margin-left: 5px;
    clear:both;
}


#search {
    /*background-image: url(images/search_background.png);*/
    /*background-repeat: no-repeat;*/
    float: left;
    height: 38px;
    width: 257px;
}


#SearchInput {
    position: relative;
    left: 53px;
    top: 3px;
    height: 17px;
    width: 188px;
    margin-right: 50px;
}

.appTitle {
    font-size:24px;
    float:left;

}

.searchBoxes {

    color:#FFFFFF;
    /*position: relative;*/
    /*height: 17px;
	width: 188px;
	margin-right: 50px;*/
    float:right;
    height:38px;
    clear:right;
}

.searchBoxes td{
    padding-top: 5px;
    color:#FFFFFF;
}


body {
    margin: 0px;
    padding: 0px;
    font-family:Calibri, Arial;
}


a {
    /*color: #414950;*/
    color: #000000;
}

a
:visited {
    /*color: #414950;*/
    color: #000000;
}


.createNew {
    background-image: url(images/create.png);
    background-repeat: no-repeat;
    background-position:left;
    text-align: left;
    padding-left: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 5px;
    margin-bottom: 1px;
    font-weight:bold;
    color:#24b81b;
    display:inline-block;
}




.delete {
    background-image: url(images/delete.png);
    background-repeat: no-repeat;
    background-position:left;
    text-align: left;
    padding-left: 30px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 5px;
}


.print {
    background-image: url(images/print.png);
    background-repeat: no-repeat;
    background-position:left;
    text-align: left;
    padding-left: 30px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 5px;
}

.update {
    background-image: url(images/edit.png);
    background-repeat: no-repeat;
    background-position:left;
    text-align: left;
    padding-left: 30px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 5px;
}

.email {
    background-image: url(images/email.png);
    background-repeat: no-repeat;
    background-position:left;
    text-align: left;
    padding-left: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 5px;
    display:inline-block;
}

.printEnvelope {
    background-image: url(images/mail.png);
    background-repeat: no-repeat;
    background-position:left;
    text-align: left;
    padding-left: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 5px;
    margin-bottom: 1px;
    display:inline-block;
}


#footer {
    clear:both;
    padding-top:50px;
    font-size: smaller;
    text-align: center;
}


/* tabela */

.tabela {
    float: none;

    clear: both;
}

.tabela table{
    width: 100%;
    border-width: 1px 1px 1px 1px;
    border-spacing: 1px;
    border-style: none;
    border-color: #000000;
    border-collapse: collapse;
}

.tabela table td {
    border-width: 0;
    padding: 4px 4px 4px 10px;
    /*border-style: none;	*/
    border-bottom:#000000 thin solid ;
}

.tabela table th {
    border-width: 0;
    padding: 4px 4px 4px 10px;
    border-style: none;
    background-color: #6589AB;
    color: #F2F2F2;
    text-align:left;
}

.tabela table th a {
    color: #F2F2F2;

}

.tabela table .red1{

    font-size: 1em;
    background: #F0F0F0;
}

.finished{

    text-decoration:line-through;
    font-style:italic;
}

.tabela table .red2{

    font-size: 1em;
}



.tabela table tr:hover {
    /*color: #FFFFFF;*/
    font-size: 1em;
    background: #FFFFFF;
}

.tabela table .hover a{
    color: #FFFFFF;
    font-size: 1em;
}


.tabela .item {
    margin-left: 15px;
}

.tabela .item a {

}

.tabela .item a:hover {
    background-color:#c6d9f0;
}

.tabela .itemDetail {
    margin-left: 25px;
    padding-left: 10px;
    padding-top: 10px;
    background-image: url(images/detail_search_background.png);
    background-repeat: no-repeat;

}

/*--------------------------------------------------------------------------------*/
.tabelaNova {
    float: none;

    clear: both;



}

.tabelaNova table{
    width: 100%;
    border-width: 1px 1px 1px 1px;
    border-spacing: 1px;
    border-style: none;
    border-color: #000000;
    border-collapse: collapse;
}

.tabelaNova table td {
    border-width: 0;
    padding: 4px 4px 4px 10px;
    /*border-style: none;	*/
    border-bottom:#000000 thin solid ;
}

.tabelaNova table tr:hover {
    /*color: #FFFFFF;
    font-size: 1em;*/
    background: #FFFFFF;
}

.tabelaNova table th {
    border-width: 0;
    padding: 4px 4px 4px 10px;
    border-style: none;
    background-color: #6589AB;
    color: #F2F2F2;
    text-align:left;
}

.tabelaNova table th a {
    color: #F2F2F2;
    
}


.tabelaNova table .hover a{
    color: #FFFFFF;
    font-size: 1em;
}


.tabelaNova .item {
    margin-left: 15px;
    border-bottom-color:#000000;
    border-bottom-style:solid;
    border-bottom-width:thin;
    padding-bottom:10px;
    margin-bottom:10px;
}

.tabelaNova .item a {

}

.tabelaNova .item a:hover {
    background-color:#c6d9f0;
}

.tabelaNova .itemDetail {
    margin-left: 25px;
    padding-left: 10px;
    padding-top: 10px;
    background-image: url(images/detail_search_background.png);
    background-repeat: no-repeat;

}


.tabelaNova table .red1{

    font-size: 1em;
    background: #F0F0F0;
    padding:0px;
}

.tabelaNova table .red2{

    font-size: 1em;
    padding:0px;
}

/*------------------------------------------------------------------*/

.details {
    background-image: url(images/edit.png);
    background-repeat: no-repeat;
    background-position:left;
    text-align: left;
    padding-left: 30px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 5px;
}

.download {
    background-image: url(images/download.png);
    background-repeat: no-repeat;
    background-position:left;
    text-align: left;
    padding-left: 30px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 5px;
}




/* NAVIGATION */
#navigation {
    padding-top:5px;
    padding-bottom:5px;
    text-align: center;
    float: left;
    width: 100%;
    clear:both;
}


.previous {
    background-image: url(images/previous.png);
    background-repeat: no-repeat;
    background-position:left;
    text-align: left;
    padding-left: 25px;
    padding-top: 2px;
    padding-bottom: 2px;
    /*color: #FFFFFF;*/

}

.next {
    background-image: url(images/next.png);
    background-repeat: no-repeat;
    background-position:right;
    text-align: left;
    padding-right: 25px;
    padding-top: 2px;
    padding-bottom: 2px;
    /*color: #FFFFFF;*/
    /*	margin-left: 5px;*/

}


.detailSearchForm {
    background-image:url(images/detail_search_background.png);
    background-repeat: no-repeat;
    margin-left: 10px;
    padding-left: 10px;
    padding-top: 10px;
    margin-top: 0px;
    float:left;
    clear:both;
}
.detailSearchForm form {
    margin: 0px;
    padding: 0px;
}

.detailSearchForm .list{
    width:300px;

}

.detailSearch {
    background-image: url(images/search_detail.png);
    background-repeat: no-repeat;
    background-position:left;
    text-align: left;
    padding-left: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 5px;
    font-weight:bold;
    color:#46a3f2;
    display:inline-block;
}

#searchPanel {
    float: left;
    clear: both;
}

/* elementu forme pretrage*/


.filter {
    width:300px;
}

/* elementu forme unosa*/

.inputField {
    width: 200px;
}

/* Error */
.error {
    color: #FF0000;
    font-weight:bold;
}

/* image */

img {	
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}


form td {
    vertical-align: top;
}

/* meetings create */
.department {
    background: #F0F0F0;
}
/* tabele za kreiranje*/

.create {
    float: none;

    clear: both;
}

.create table{
    width: 100%;
    border-width: 1px 1px 1px 1px;
    border-spacing: 1px;
    border-style: none;
    border-color: #000000;
    border-collapse: collapse;
}

.create table td {
    border-width: 0;
    padding: 4px 4px 4px 10px;
    border-style: none;
}

.create table th {
    border-width: 0;
    padding: 4px 4px 4px 10px;
    border-style: none;
    background-color: #333333;
    color: #F2F2F2;
    text-align:left;
}

.create table .red1{


    background: #F0F0F0;
}

.create table .red2{


}

/* istaknute labele*/
.important {
    font-weight:bold;
}

.title {
    font-weight:bold;
    font-size:large;
}

.infoframe{
    border: solid black;
    border-width: 1px;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding:20px;
    margin-top:20px;
    background-color: threedlightshadow
}

.centeredinfo {
    border: solid black;
    border-width: 1px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    padding:20px;
    margin-top:20px;
    background-color: threedlightshadow;
    width: 400px;
    
}